export const base = {
	type: 'view',
	css: {
		width: '686rpx',
		background: 'rgba(0,0,0,0)',
	},
	views: [{
			type: 'view',
			css: {
				// left: '0rpx',
				// top: '50rpx',
				background: '#07c160',
				width: '120rpx',
				height: '120rpx'
			}
		},
		{
			type: 'view',
			css: {
				// left: '180rpx',
				// top: '68rpx',
				background: 'rgba(7,193,96,.5)',
				width: '80rpx',
				height: '80rpx',
				transform: 'rotate(50deg)',
				transformOrigin: '80rpx 40rpx'
			}
		},
		{
			type: 'view',
			css: {
				// left: '180rpx',
				// top: '68rpx',
				background: 'rgba(25,137,250, .5)',
				width: '80rpx',
				height: '80rpx',
			}
		},
		{
			type: 'view',
			css: {
				position: 'absolute',
				left: '320rpx',
				top: '68rpx',
				background: '#ff976a',
				width: '80rpx',
				height: '80rpx',
				borderTopLeftRadius: '50rpx',
				opacity: 0.5,
				transform: 'scale(-1) skew(15) translate(10rpx)'
			}
		}
	]
};

export const shape = {
	width: '686rpx',
	// height: '130rpx',
	views: [{
			type: 'view',
			css: {
				left: '0rpx',
				top: '0rpx',
				background: '#07c160',
				width: '120rpx',
				height: '120rpx',
				radius: '16rpx 30rpx 10rpx 80rpx'
			}
		},
		{
			type: 'view',
			css: {
				left: '150rpx',
				top: '0rpx',
				background: '#1989fa',
				width: '120rpx',
				height: '120rpx',
				radius: '16rpx 60rpx',
			}
		},
		{
			type: 'view',
			css: {
				left: '300rpx',
				top: '0rpx',
				background: '#ff976a',
				width: '120rpx',
				height: '120rpx',
				radius: '50%'
			}
		}
	]
};

export const shadow = {
	width: '686rpx',
	// height: '150rpx',
	views: [{
			type: 'view',
			css: {
				left: '10rpx',
				top: '10rpx',
				background: 'rgba(7,193,96,.1)',
				width: '120rpx',
				height: '120rpx',
				radius: '50%',
				border: '2rpx dotted rgb( 7, 193, 96 )'
			}
		},
		{
			type: 'view',
			css: {
				left: '150rpx',
				top: '10rpx',
				background: '#1989fa',
				width: '120rpx',
				height: '120rpx',
				radius: '50%',
				shadow: '0 5rpx 30rpx #1989fa'
			}
		},
		{
			type: 'view',
			css: {
				left: '300rpx',
				top: '10rpx',
				background: 'rgba(255, 151, 106, .1)',
				width: '120rpx',
				height: '120rpx',
				radius: '50%',
				border: '2rpx solid #ff976a'
			}
		},
		{
			type: 'view',
			css: {
				left: '450rpx',
				top: '10rpx',
				background: 'rgba(255, 151, 106, .1)',
				width: '120rpx',
				height: '120rpx',
				// radius: '50%',
				borderBottom: '4rpx solid #ff976a',
				borderTop: '2rpx solid #ff976a'
			}
		}
	]
};

export const image = {
	width: '686rpx',
	height: '130rpx',
	views: [{
			type: 'image',
			src: 'https://cdn.jsdelivr.net/gh/liangei/image@latest/avatar-1.jpeg',
			css: {
				left: '0rpx',
				top: '0rpx',
				width: '120rpx',
				height: '120rpx',
			}
		},
		{
			type: 'image',
			src: 'https://cdn.jsdelivr.net/gh/liangei/image@latest/avatar-2.jpg',
			css: {
				left: '150rpx',
				top: '0rpx',
				width: '120rpx',
				height: '120rpx',
				borderRadius: '16rpx',
			}
		},
		{
			type: 'image',
			src: 'https://cdn.jsdelivr.net/gh/liangei/image@latest/avatar-3.jpeg',
			css: {
				left: '300rpx',
				top: '0rpx',
				width: '120rpx',
				height: '120rpx',
				radius: '50%'
			}
		}
	]
};


export const text = {
	width: '686rpx',
	height: '500rpx',
	views: [{
			type: 'text',
			text: '左对齐\n无风才到地，有风还满空\n缘渠偏似雪，莫近鬓毛生',
			rules: {
				word: ['到地'],
				color: 'red'
			},
			css: {
				left: '0rpx',
				top: '10rpx',
				fontSize: '38rpx',
				lineHeight: '38rpx',
				textDecoration: 'underline',
			}
		},
		{
			type: 'text',
			text: '居中\n无风才到地，有风还满空\n缘渠偏似雪，莫近鬓毛生',
			replace: {
				word: ['似雪'],
				color: 'red'
			},
			css: {
				left: '0rpx',
				top: '150rpx',
				fontSize: '28rpx',
				lineHeight: '36rpx',
				textAlign: 'center',
				textDecoration: 'overline'
			}
		},
		{
			type: 'text',
			text: '右对齐\n无风才到地，有风还满空\n缘渠偏似雪，莫近鬓毛生',
			rules: {
				word: ['风'],
				color: 'red'
			},
			css: {
				left: '0rpx',
				top: '290rpx',
				fontSize: '28rpx',
				lineHeight: '36rpx',
				textAlign: 'right',
				textDecoration: 'line-through'
			}
		},
		{
			type: 'text',
			text: '省略号\n明月几时有？把酒问青天。不知天上宫阙，今夕是何年。我欲乘风归去，又恐琼楼玉宇，高处不胜寒。起舞弄清影，何似在人间。',
			rules: {
				word: ['几时有'],
				color: 'red'
			},
			css: {
				left: '0rpx',
				top: '420rpx',
				fontSize: '28rpx',
				maxLines: 2,
				width: '686rpx',
				lineHeight: '36rpx'
			}
		}
	]
};



export const poster = {
	width: '750rpx',
	paddingBottom: '40rpx',
	// height: '1142rpx', 
	background: 'linear-gradient(,#ff971b 0%, #ff5000 100%)',
	// borderRadius: '64rpx 64rpx 0rpx 0rpx',
	views: [{
			type: 'image',
			src: 'https://cdn.jsdelivr.net/gh/liangei/image@latest/avatar-1.jpeg',
			css: {
				marginLeft: '40rpx',
				marginTop: '40rpx',
				width: '84rpx',
				height: '84rpx',
				radius: '50%',
				color: '#999999',
			}
		},
		{
			type: 'view',
			css: {
				marginTop: '40rpx',
				paddingLeft: '20rpx',
				display: 'inline-block',
			},
			views: [{
					type: 'text',
					text: '隔壁老王',
					rules: {
						word: ['到地'],
						color: 'red'
					},
					css: {
						display: 'block',
						paddingBottom: '10rpx',
						color: '#ffffff',
						left: '144rpx',
						top: '40rpx',
						fontSize: '32rpx',
						fontWeight: 'bold'
					}
				},
				{
					type: 'text',
					text: '为您挑选了一个好物',
					css: {
						color: 'rgba(255,255,255,.7)',
						left: '144rpx',
						top: '90rpx',
						fontSize: '24rpx'
					}
				},
			]
		},
		{
			type: 'view',
			css: {
				marginLeft: '40rpx',
				marginTop: '30rpx',
				background: '#ffffff',
				radius: '16rpx',
				width: '670rpx',
				// height: '950rpx',
				paddingBottom: '30rpx',
				shadow: '0 20rpx 58rpx rgba(0,0,0,.15)',
			},
			views: [
				// {
				// 	type: 'image',
				// 	src: 'https://img30.360buyimg.com/jdcms/s300x300_jfs/t1/79775/3/15511/373709/5dcf4e54E4009c42e/b06863e4826da185.jpg',
				// 	css: {
				// 		marginLeft: '32rpx',
				// 		marginTop: '32rpx',
				// 		width: '606rpx',
				// 		height: '606rpx',
				// 		radius: '12rpx',
				// 	}
				// },
				{
					type: 'view',
					css: {
						// position: 'absolute',
						marginLeft: '32rpx',
						marginTop: '32rpx',
						display: 'inline-block',
						color: '#FF0000',
						fontWeight: 'bold',
						fontSize: '28rpx',
						lineHeight: '1em',
					},
					views: [{
							type: 'text',
							text: '￥',
							css: {
								verticalAlign: 'bottom'
							}
						},
						{
							type: 'text',
							text: '39',
							css: {
								fontSize: '58rpx',
								verticalAlign: 'bottom'
							}
						},
						{
							type: 'text',
							text: '.399',
							css: {
								verticalAlign: 'bottom'
							}
						},
						{
							type: 'text',
							text: '￥59.39',
							css: {
								paddingLeft: '10rpx',
								fontWeight: 'normal',
								verticalAlign: 'bottom',
								textDecoration: 'line-through',
								color: '#999999'
							}
						}
					]
				},
				{
					type: 'view',
					css: {
						marginTop: '24rpx',
						marginLeft: '32rpx',
						marginRight: '32rpx',
						fontSize: '26rpx',
						color: '#8c5400',
					},
					views: [{
							type: 'text',
							text: '自营',
							css: {
								color: '#212121',
								padding: '5rpx 10rpx',
								background: '#ffb400'
							}
						},
						{
							type: 'text',
							text: '30天最低价',
							css: {
								marginLeft: '16rpx',
								padding: '5rpx 10rpx',
								background: '#fff4d9'
							}
						},
						{
							type: 'text',
							text: '满减优惠',
							css: {
								marginLeft: '16rpx',
								padding: '5rpx 10rpx',
								background: '#fff4d9'
							}
						},
						{
							type: 'text',
							text: '超高好评',
							css: {
								marginLeft: '16rpx',
								padding: '5rpx 10rpx',
								background: '#fff4d9'
							}
						},
					]
				},
				{
					type: 'view',
					css: {
						marginTop: '30rpx',
						marginLeft: '32rpx',
						marginRight: '32rpx',
						paddingBottom: '30rpx'
					},
					views: [{
							type: 'text',
							text: '360儿童电话手表9X 智能语音问答定位支付手表 4G全网通20米游泳级防水视频通话拍照手表男女孩星空蓝',
							css: {
								maxLines: 2,
								color: '#333333',
								lineHeight: '1.8em',
								fontSize: '36rpx',
								width: '462rpx',
							}
						},
						{
							type: 'qrcode',
							text: 'limeui.qcoon.cn',
							css: {
								position: 'absolute',
								width: '128rpx',
								height: '128rpx',
								right: 0
							}
						}
					]
				}
			]
		},
	]
}


export const text2 = {
	width: '686rpx',
	height: '400rpx',
	views: [{
		type: 'view',
		css: {
			fontSize: '28rpx',
			lineHeight: '1.4em',
		},
		views: [{
				type: 'text',
				text: '水调歌头',
				css: {
					display: 'block',
					fontSize: '42rpx',
					textAlign: 'center'
				}
			},
			{
				type: 'text',
				text: '丙辰中秋，欢饮达旦，大醉，作此篇，兼怀子由。',
				css: {
					display: 'block',
					textIndent: '2em'
				}
			},
			{
				type: 'text',
				text: '明月几时有？把酒问青天。不知天上宫阙，今夕是何年？我欲乘风归去，又恐琼楼玉宇，高处不胜寒。起舞弄清影，何似在人间',
				css: {
					display: 'block',
					color: 'red',
					textIndent: '2em'
				}
			},
			{
				type: 'text',
				text: '转朱阁，低绮户，照无眠。不应有恨，何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共婵娟',
				css: {
					textIndent: '2em'
				}
			}
		]
	}]
}

const img = 'https://data.fanghuoma.com/meet/20210811/e4bedb6dfb7e4c96a711af25f96248ad.png'
const head = 'https://data.fanghuoma.com/meet/20210803/9a3cc4f36be94bc6bbe4c417ace5f60c.png'
const code = 'https://data.fanghuoma.com/meet/20210805/d36d35e8ceee4c07891078caa6f49e06.png'
export const poster2 = {
	type: 'view',
	css: {
		// json 方式务必填写画板宽度
		width: '582rpx',
		height: '825rpx',
		// position: 'absolute',
		// left: '84rpx',
		// top: '0rpx',
		// background: 'rgba(0,0,0,0)'
	},
	views: [{
			type: 'image',
			src: img,
			css: {
				width: '582rpx',
				height: '825rpx',
				background: 'rgba(0,0,0,0)'
			}
		},
		{
			type: 'view',
			css: {
				width: '582rpx',
				// height: '366rpx',
				background: '#ffffff',
				position: 'absolute',
				left: '0rpx',
				bottom: '0rpx',
				borderRadius: '0rpx 0rpx 16rpx 16rpx',
				padding: '41rpx 0 24rpx 24rpx',
				boxSizing: 'border-box'
			},
			views: [{
					type: 'text',
					text: '我已完成',
					css: {
						// width: '160rpx',
						height: '56rpx',
						color: '#333333',
						borderRadius: '0rpx 0rpx 16rpx 16rpx',
						//fontWeight: 500,
						//fontFamily: 'PingFangSC-Medium, PingFang SC',
						fontSize: '40rpx'
					}
				},
				{
					type: 'text',
					text: 'number',
					css: {
						height: '47rpx',
						fontSize: '40rpx',
						color: '#333333',
						borderBottom: '4rpx bolid #FD7523',
						borderRadius: '4rpx',
						//fontWeight: 500,
						//fontFamily: 'PingFangSC-Medium, PingFang SC',
						marginLeft: '15rpx'
					}
				},
				{
					type: 'text',
					text: '次',
					css: {
						color: '#333333',
						fontSize: '40rpx',
						//fontWeight: 500,
						//fontFamily: 'PingFangSC-Medium, PingFang SC',
						marginLeft: '15rpx'
					}
				},
				{
					type: 'text',
					text: '防火宣传教育',
					css: {
						// marginTop: '8rpx',
						height: '56rpx',
						fontSize: '40rpx',
						//fontFamily: 'PingFangSC-Medium, PingFang SC',
						//fontWeight: 500,
						color: '#333333',
						lineHeight: '56rpx'
					}
				},
				{
					type: 'view',
					views: [{
							type: 'view',
							css: {
								width: '534rpx',
								height: '1rpx',
								background: '#EEEFF3',
								marginTop: '32rpx'
							}
						},
						{
							type: 'view',
							css: {
								display: 'inline-block',
								background: '#dddddd'
							},
							views: [{
								type: 'image',
								src: head,
								css: {
									width: '64rpx',
									height: '64rpx',
									marginTop: '54rpx',
									borderRadius: '50%',
									display: 'inline-block'
								}
							}]
						},
						{
							type: 'view',
							css: {
								display: 'inline-block'
							},
							views: [{
									type: 'text',
									text: 'nickName',
									css: {
										height: '28rpx',
										fontSize: '28rpx',
										//fontFamily: 'PingFangSC-Medium, PingFang SC',
										//fontWeight: 500,
										marginTop: '54rpx',
										marginLeft: '16rpx',
										color: '#333333',
										lineHeight: '28rpx'
									}
								},
								{
									type: 'text',
									text: '长按识别和我一起参与',
									css: {
										fontSize: '24rpx',
										//fontFamily: 'PingFangSC-Regular, PingFang SC',
										//fontWeight: 400,
										color: '#999999',
										lineHeight: '24rpx',
										display: 'block',
										marginTop: '12rpx',
										marginLeft: '16rpx'
									}
								}
							]
						}
					]
				},
				{
					type: 'image',
					src: code,
					css: {
						width: '124rpx',
						height: '124rpx',
						position: 'absolute',
						right: '24rpx',
						// bottom: '0rpx'
						top: '172rpx'
					}
				}
			]
		}
	]
}

const list = new Array(11).fill({
		"batchNumber": "UE102-5",
		"materialNumber": "32SA192462AZR-USSS",
		"receiptQuantity": 0,
		"scannedQuantity": 0,
		"status": "2",
		"totalQuantity": 1858.3
	})
export const materialInfo = {
	"actualQuantity": 0,
	"annexInfo": [],
	"bulkQty": 1,
	"caseQty": 6,
	"consignee": "",
	"grossWeight": 843,
	"picture": "http://frdscm.oss-cn-shenzhen.aliyuncs.com/2021-08-12/9eacf0e0fb0e11ebaa11fb6058b1847d.png?Expires=1629109065&OSSAccessKeyId=LTAI4FchNbSskRzqxZXUgFZb&Signature=V4WfouAP%2BPsp%2FRYEvZv5mucIIbI%3D",
	"receiptInfo": [{
		"createTime": 1629101753000,
		"createUser": "测试账号",
		"createUserId": 3,
		"fileName": "",
		"filePath": "2021-08-16/094a878c634340a4ab034ff8a5b52c1a.jpg",
		"fileSize": 0,
		"fileType": 2,
		"id": 40,
		"remark": "",
		"shipmentSingleNumber": "",
		"singleNumber": "ND/SFX-D290580",
		"sourceNumber": "",
		"url": "http://frdscm.oss-cn-shenzhen.aliyuncs.com/2021-08-16/094a878c634340a4ab034ff8a5b52c1a.jpg?Expires=1629109065&OSSAccessKeyId=LTAI4FchNbSskRzqxZXUgFZb&Signature=5f%2BLliIeZa42uTGTlW5KEpqb%2B7A%3D",
		"waybillNumber": ""
	}],
	"scanList": list,
	"shipmentSingleNumber": "",
	"signStatus": 2,
	"singleNumber": "ND/SFX-D290580",
	"sourceNumber": "",
	"totalBoxes": 7,
	"totalCapacity": 0,
	"totalItems": 1,
	"totalQuantity": 1858.3,
	"waybillNumber": "",
	"signType": 1,
	"signImg": ""
}
